<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        div{
            background-color: red;
            width: 200px;
            height:50px;
            /*display: none;*/
            /*让标签变成行内标签*/
            /*display: inline;*/
        }

        span{
            background-color: green;

            /*让标签变成块级标签*/
            /*display: block;*/
            width: 300px;
            height: 200px;

            /*让标签变成行内-块级标签*/
            display: inline-block;
        }

        /*p{*/
            /*background-color: brown;*/
            /*width: 200px;*/
            /*height: 100px;*/
        /*}*/
        button{
            width: 200px;
            height: 60px;
        }
    </style>
</head>
<body>
<!--块级标签-->
   <div>12212121122121211221</div>
   <div>12212121122121211221</div>
   <div>12212121122121211221</div>
   <!--<p>我是段落标签</p>-->
<!--行内标签-->
   <span>1121212121</span>
   <span>1121212121</span>
   <span>1121212121</span>
   <a href="#">百度一下啊</a>
   <a href="#">百度一下啊</a>
   <a href="#">百度一下啊</a>
   <br>
<!--行内-块级标签-->
    <button>我是MT</button>
    <button>我是MT</button>
    <button>我是MT</button>
</body>
</html>